/* css reset www.admin10000.com */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family:"Microsoft YaHei",Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; }
a:hover { text-decoration:none; }
img { border:none; }
ol,ul,li { list-style:none;}
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; outline:medium;}
table { border-collapse:collapse; }
html {overflow-y: scroll;} 
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }



/*----header部分----------------------*/
#hd_center h1,#hd_center ul,#hd_center div{display: inline-block;}
#header{}
#hd_center{width: 1200px;height: 145px;margin: 0 auto;}
#hd_center h1{width: 190px; height: 90px;line-height: 90px;margin-right: 30px;}
#hd_center h1 img{display: inline;vertical-align:middle;}
#hd_center ul::nth-child(1){width: 402px;height: 90px;margin-left: 50px;}
#hd_center ul li:nth-child(1){background-color: rgb(49,194,124);}
#hd_center ul li{display: inline-block;line-height: 90px; height: 90px;line-height: 90px;padding: 0 20px;}
#hd_center ul li a{color: rgb(51,51,51);font-size: 18px;}
#hd_center ul li a:hover{color: rgb(49,194,124);}
#hd_center ul li:nth-child(1) a{color: rgb(255,255,255);}
#hd_center input{vertical-align:middle;width: 188px;height: 38px;border-radius: 3px;padding-left: 20px;border: solid 1px #ccc;margin-left:20px;border-right:none;  }
#hd_center button{vertical-align:middle;width: 40px;height: 40px;border: solid 1px #ccc; background-color: transparent;border-left: none;border-top-right-radius:3px;border-bottom-right-radius:3px;}
 #hd_center button i{background: url(../img/icon_sprite2.png);background-position:0px 280px;display: block;width: 16px;height: 16px;}
#hd_center div a{display: inline-block;height: 40px;line-height: 40px;padding: 0px 8px;margin-left:8px;border-radius: 3px;}
#hd_center div a:nth-child(1){font-size: 16px;}
#hd_center div a:nth-child(1):hover{color: rgb(49,194,124);}
#hd_center div a:nth-child(2){background-color: rgb(49,194,124);color: rgb(255,255,255);}
#hd_center div a:nth-child(2):hover{background-color: rgb(44,175,111);}
#hd_center div a:nth-child(3){border:solid 1px #ccc;height: 38px;line-height: 38px;}
#hd_center div a:nth-child(3):hover{background-color: rgb(237,237,237);}
#hd_nav{width: 700px;height: 54px;padding:0 250px;border-top:solid 1px rgb(242,242,242); }
#hd_nav a{display: block;margin-right: 54px;height: 50px;line-height: 45px;float: left;font-size: 15px;padding-top: 4px;}
#hd_nav a:hover{color: rgb(49,194,124);}
#hd_nav a:nth-child(1){color: rgb(49,194,124);}



/*----banner部分----------------------*/
#banner{height: 735px;background:url(../img/bg_index_new.jpg) center center;min-width: 1200px;position: relative;}
#banner_center{width: 1200px;height: 735px;margin: 0 auto;overflow: hidden;}
#banner_title {width: 1200px;height: 230px;}
#banner_title>h3{height: 180px;width: 1200px;text-align: center;font-size: 45px;color: rgb(241,241,241);line-height: 220px;}
#banner_title>ul{width: 1200px;height: 50px;text-align: center;position: relative;}
#banner_title>ul>li{display: inline-block;height: 50px;font-size: 16px;padding: 0 30px;}
#banner_title>ul>li a{color: #aaa;}
#banner_title>ul>li a:hover{color: rgb(241,241,241);}
#banner_title>ul>li:first-child>a{color: rgb(241,241,241);}
#banner_title>ul>li:last-child{position: absolute; right:0;padding: 0;}
#banner_title>ul>li:last-child>a{color: rgb(241,241,241);}

#banner_list{width: 1200px;height: 410px; position:relative;overflow: hidden;}
#banner_list li{width: 300px;height: 410px;float: left;opacity: 0.9;background-color:#000;}
#banner_list li>a:nth-child(1){display: block;width: 300px;height: 300px;overflow: hidden;}
#banner_list li>a:nth-child(1) img{width: 300px;height: 300px;transition: all .6s ease;}
#banner_list li>a:nth-child(1) img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
#banner_list li div{width: 300px;height: 110px;}
#banner_list li:hover{background-color: rgb(49,194,124);opacity: 1;}
#banner_list div p>a{display: block; text-align: center;font-size: 16px;width: 300px;color: rgb(241,241,241);margin-top: 25px;}
#banner_list div span{display: block;color: #aaa;font-size: 14px;text-align: center;margin-top: 10px;}

#input3,#input4{display: block;width: 70px;height: 100px; top: 300px; background-color: rgb(49,194,124);text-align: center;position: absolute;font-size: 30px;line-height: 100px;color: rgb(221,221,221);opacity: 0;}
#input3{left: -70px;}
#input4{right: -70px;}



/*----recommend部分--*/
#recommend{height: 610px;background-color: green;min-width: 1200px;}



/*----hotBlog部分--*/
#hotBlog{height: 830px;background:url(../img/bg_index_top2.jpg) center center;min-width: 1200px; }
.hb_center{width: 1200px;height: 830px;margin: 0 auto;}
.hb_title{width: 1200px;height: 180px;font-size: 45px;text-align: center;line-height: 180px;color:rgb(221,221,211);}
.hb_title span{font-size: 30px;color: rgb(51,51,51);}
.hb_title>a{display: inline-block;height: 140px; float: right;font-size: 16px;color: rgb(221,221,221);margin-top: 40px;}
.hb_title>a:hover{color: rgb(49,194,124);}
.hb_list{width: 1200px;height: 567px;background:url(../img/bg_index_top.jpg)}

.hb_list li{display: inline-block;width: 300px;height: 567px;position: relative;}
.hb_list i{}
.hb_list div{margin-top: 80px;text-align: center;font-size: 20px;color: rgb(221,221,221); }
.hb_list h3{text-align: center;font-size: 35px;color: rgb(241,241,241);}
.hb_list ul{width: 180px;height: 220px;margin: 0 auto;margin-top:140px; }
.hb_list ul li {font-size: 16px;color: rgb(241,241,241);display: block;width: 180px;height: 55px;}
.hb_list ul li span{font-size: 14px;color: #aaa;display: block;padding: 0 15px;}



/*----songMenu部分--*/
#songMenu{height: 760px;min-width:1200px; position: relative;}
.sm_center{width: 1200px;height: 760;margin: 0 auto;overflow: hidden;position: relative;}
.sm_title{width: 1200px;height: 180px;font-size: 45px;text-align: center;line-height: 180px;color:rgb(51,51,51);}
.sm_title span{font-size: 30px;color:rgb(221,221,211);}

#sm_list{width: 1200px;height: 465px; position:relative;overflow: hidden;}
#sm_list li{width: 300px;height: 465px;float: left;}
#sm_list li>a:nth-child(1){display: block;width: 300px;height: 300px;overflow: hidden;}
#sm_list li>a:nth-child(1) img{width: 300px;height: 300px;transition: all .6s ease;}
#sm_list li>a:nth-child(1) img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
#sm_list li div{width: 300px;height: 165px;}
#sm_list li:nth-child(2n+0){background-color: rgb(51,51,51);}
#sm_list li:nth-child(2n+1){background-color: rgb(65,65,65);}
#sm_list li:hover{background-color: rgb(49,194,124);}
#sm_list div p>a{display: block; text-align: center;font-size: 16px;width: 300px;color: rgb(221,221,221);margin-top: 60px;}
#sm_list div span{display: block;color: #aaa;font-size: 14px;text-align: center;margin-top: 10px;}

#input1,#input2{display: block;width: 70px;height: 100px; top: 300px; background-color: rgb(49,194,124);text-align: center;position: absolute;font-size: 30px;line-height: 100px;color: rgb(221,221,221);opacity: 0;}
#input1{left: -70px;}
#input2{right: -70px;}



/*----mv部分--*/
#mv{height: 830px;background:rgb(230,230,230);min-width:1200px; }
#mv_center{width: 1200px;height: 830px;margin:0 auto;}
.mv_title{width: 1200px;height: 180px;font-size: 50px;text-align: center;line-height: 180px;color:rgb(51,51,51);}
.mv_title span{font-size: 30px;color: #ccc;}
.mv_nav{width: 1200px;height: 50px;text-align: center;}
.mv_nav a{display: inline-block;height: 50px;line-height: 50px;font-size:16px;padding: 0 30px;}
.mv_nav>a:last-child{float: right;padding: 0;}
.mv_nav a:hover{color: rgb(49,194,124);}
.mv_nav a:nth-child(1){color: #000;}
.mv_list li{width: 300px;height: 300px;display: inline-block;}
.mv_list li>a:first-child{display: block;width: 300px;height: 170px;background-color: yellow;overflow: hidden;}
.mv_list li a img{width: 300px;height: 170px;transition: all .6s ease;}
.mv_list li a img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.mv_list li h3{font-size: 16px;text-align: center;margin-top: 20px;}
.mv_list li h3 a:hover{color: rgb(49,194,124);}
.mv_list li p{text-align: center;color:#aaa;margin: 3px 0;}



/*----footer部分--*/
#footer{height: 470px;background:rgb(51,51,51);min-width:1200px; }
#footer_info{position: relative;width: 1200px;height: 340px;margin: 0 auto;color: #aaa;}
#footer_info>div:nth-child(1){width: 360px;height: 340px;display: inline-block;}
#footer_info>div:nth-child(1) ul li{width: 90px;height: 80px;float: left;}
#footer_info>div:nth-child(1) ul li:hover{color:rgb(49,194,124);}

.footer_info_icon>li i{background:url(../img/footer.png);display: block;width: 90px;height: 50px;}
.footer_info_icon>li:nth-child(1) i{background-position:0px 0px;}
.footer_info_icon>li:nth-child(1) :hover{background-position:0px 47px;}
.footer_info_icon>li:nth-child(2) i{background-position:-90px 0px;}
.footer_info_icon>li:nth-child(2) :hover{background-position:-90px 47px;}
.footer_info_icon>li:nth-child(3) i{background-position:-180px 0px;}
.footer_info_icon>li:nth-child(3) :hover{background-position:-180px 47px;}
.footer_info_icon>li:nth-child(4) i{background-position:-270px 0px;}
.footer_info_icon>li:nth-child(4) :hover{background-position:-270px 47px;}

#footer_info>div:nth-child(2){width: 340px;height: 340px;display: inline-block;margin-left: 100px;}
#footer_info>div:nth-child(3){width: 300px;height: 340px;display: inline-block;margin-left: 100px;}
#footer_info div h3{width: 100%;height: 68px;padding-top:80px;font-size: 16px;}

#footer>p{width: 1200px;color:#aaa;height: 30px; text-align: center;margin: 0 auto;font-size: 12px;}





/*------anhor部分-------*/
#anchor{position: fixed;bottom: 40px;right: 40px;width:50px;height: 152px;}
#anchor>a{display: block;width: 50px;height: 50px;margin-bottom: 1px;}
#anchor>a:nth-child(1){background:url(../img/icon_sprite.png);background-position:0px 220px;}
#anchor>a:nth-child(1):hover{background:url(../img/icon_sprite.png);background-position:150px 220px;}
#anchor>a:nth-child(2){background:url(../img/icon_sprite.png);background-position:100px 220px;}
#anchor>a:nth-child(3){background:url(../img/icon_sprite.png);background-position:50px 60px;}